.inviteCode {
  & {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #FEFEFE;
  }

  .title {
    & {
      width: 100%;
      height: 22%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #F2693F;
    }

    .back {
      width: 0.18rem;
      height: 0.18rem;
      left: 4%;
      top: 0.2rem;
      position: absolute;
    }

    .t {
      & {
        display: flex;
        flex-direction: row;
      }

      .a {
        font-size: 0.2rem;
        color: #FEFEFE;
      }

      .b {
        margin-left: 0.05rem;
        font-size: 0.2rem;
        color: #F6FCBA;
      }
    }
  }

  .scroll {
    & {
      width: 100%;
      height: 80%;
      position: absolute;
      bottom: 0%;
    }

    .content {
      & {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-top-left-radius: 0.15rem;
        border-top-right-radius: 0.15rem;
        background-color: #FEFEFE;
      }

      .box {
        & {
          margin-top: 0.22rem;
          width: 88%;
          height: 0.5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          border-bottom: 0.01rem solid #101010;
        }

        input {
          width: 100%;
          font-size: 0.16rem;
          color: #101010;
          border: none;
          background-color: #FEFEFE;
        }

        input::-webkit-input-placeholder {
          color: #909497;
          font-size: 0.16rem;
        }

        input:-moz-placeholder {
          color: #909497;
          font-size: 0.16rem;
        }

        input::-moz-placeholder {
          color: #909497;
          font-size: 0.16rem;
        }

        input:-ms-input-placeholder {
          color: #909497;
          font-size: 0.16rem;
        }

      }

      .btn {
        margin-top: 0.38rem;
        width: 88%;
        height: 0.4rem;
      }

      .tip {
        width: 88%;
        margin-top: 0.8rem;
        color: #101010;
        font-size: 0.16rem;
      }

      .a {
        width: 88%;
        margin-top: 0.1rem;
        line-height: 0.2rem;
        font-size: 0.13rem;
        color: #909497;
      }

      .b {
        width: 88%;
        margin-top: 0.16rem;
        line-height: 0.2rem;
        font-size: 0.13rem;
        color: #909497;
      }

      .c {
        width: 88%;
        margin-top: 0.16rem;
        line-height: 0.2rem;
        font-size: 0.13rem;
        color: #909497;
      }

      .d {
        width: 88%;
        margin-top: 0.16rem;
        line-height: 0.2rem;
        font-size: 0.13rem;
        color: #909497;
      }
    }
  }



}
